import "./PayType.css"
import React from 'react';
import { Radio } from 'antd';
import { createFromIconfontCN } from '@ant-design/icons';

const MyIcon = createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/c/font_3854078_94u73744724.js', // 在 iconfont.cn 上生成
});

const PayType = () => {
    return (
        <fieldset>
            <div className="top">
                <span>支付方式</span>
            </div>
            <div className="center">
                <div className="box1">
                    <MyIcon type="icon-zhifubaozhifu" className="icon" />
                       <span className="icontype">支付宝</span><br/>
                    <span>支付宝（中国）网络技术有限公司是国内领先的第三方支付平台，致力于提供“简单、安全、快速”的支付解决方案</span>
                    <br/>
                    <Radio.Group>
                        <Radio className="start" value={1}>启用</Radio>
                        <Radio value={2}>关闭</Radio>
                    </Radio.Group>
                    <br/>
                    <button className="button1">
                        <MyIcon type="icon-shezhi"/>
                        <span>设置</span>
                    </button>
                    <button className="button2">
                        <MyIcon type="icon-shanchu"/>
                        <span>删除</span>
                    </button>
                </div>
                <div className="box2">
                    <MyIcon type="icon-weixinzhifu" className="icon" />
                       <span className="icontype">微信支付</span><br/>
                    <span>支付宝（中国）网络技术有限公司是国内领先的第三方支付平台，致力于提供“简单、安全、快速”的支付解决方案</span>
                    <br/>
                    <Radio.Group>
                        <Radio className="start" value={1}>启用</Radio>
                        <Radio value={2}>关闭</Radio>
                    </Radio.Group>
                    <br/>
                    <button className="button1">
                        <MyIcon type="icon-shezhi"/>
                        <span>设置</span>
                    </button>
                    <button className="button2">
                        <MyIcon type="icon-shanchu"/>
                        <span>删除</span>
                    </button>
                </div>
                <div className="box3">
                    <MyIcon type="icon-zhifupingtai-yinlian" className="icon" />
                       <span className="icontype">在线支付</span><br/>
                    <span>支付宝（中国）网络技术有限公司是国内领先的第三方支付平台，致力于提供“简单、安全、快速”的支付解决方案</span>
                    <br/>
                    <Radio.Group>
                        <Radio className="start" value={1}>启用</Radio>
                        <Radio value={2}>关闭</Radio>
                    </Radio.Group>
                    <br/>
                    <button className="button1">
                        <MyIcon type="icon-shezhi"/>
                        <span>设置</span>
                    </button>
                    <button className="button2">
                        <MyIcon type="icon-shanchu"/>
                        <span>删除</span>
                    </button>
                </div>
                <div className="box1">
                    <MyIcon type="icon-airudiantubiaohuizhi-zhuanqu_yiwutong" className="icon" />
                       <span className="icontype">易宝支付</span><br/>
                    <span>支付宝（中国）网络技术有限公司是国内领先的第三方支付平台，致力于提供“简单、安全、快速”的支付解决方案</span>
                    <br/>
                    <Radio.Group>
                        <Radio className="start" value={1}>启用</Radio>
                        <Radio value={2}>关闭</Radio>
                    </Radio.Group>
                    <br/>
                    <button className="button1">
                        <MyIcon type="icon-shezhi"/>
                        <span>设置</span>
                    </button>
                    <button className="button2">
                        <MyIcon type="icon-shanchu"/>
                        <span>删除</span>
                    </button>
                </div>
                
            </div>
        </fieldset>
    )
}

export default PayType